<html>
<head>
	<meta charset="utf-8" />
	<title>新浪微博助手设置</title>
	<link rel="stylesheet" href="maincss/style.css" media="screen" type="text/css" />
	<link rel="stylesheet" href="maincss/setting.css" media="screen" type="text/css" />
	<script type="text/javascript" src="javascript/jquery.min.js"></script>
	<script type="text/javascript" src="javascript/setting.js"></script>
</head>
<body>
<div class="setting">新浪微博助手设置</div>
<div class="side-menu">
<ul class="setting-nav">
 <!-- <li class="accounts-s"><a href="#accounts">帐号</a></li>-->
  <li class="general selected"><a href="#general">常规</a></li>
  <li class="notifications"><a href="#notifications">提醒</a></li>
</ul>
<div class="about">© 2012, <a href="http://www.btboys.com" target="_blank">btboys.com</a></div>
</div>
<form>	
<div id="general" class="content selected">
<table cellspacing="5"
	<tbody>
		<tr>
			<td>拉取间隔:</td>
			<td><input class="sset" name="timer" type="range" id="timer" min="1" max="30" step="1" value="10"><input readonly="readonly" style="width: 30px;" id="timerShow" value="1">分钟</td>
		</tr>
		<tr>
			<td>弹窗提醒:</td>
			<td valign="middle"><input type="checkbox" name="tips" value="true" checked="checked"/>开启</td>
		</tr>
		<tr>
			<td>右键菜单:</td>
			<td valign="middle"><input type="checkbox" name="showRightMenu" value="true" checked="checked"/>开启</td>
		</tr>
		<tr>
			<td>多图拼接最大宽度:</td>
			<td valign="middle"><input class="sset" name="maxWidth" type="range" id="maxWidth" min="500" max="1000" step="10" value="500" ><input readonly="readonly" style="width: 40px;" id="maxWidthShow" value="500">px</td>
		</tr>
		<tr>
			<td>多图拼接新图质量:</td>
			<td valign="middle"><input class="sset" name="imgQuality" type="range" id="imgQuality" min="0.1" max="1" step="0.1" value="0.6" ><input readonly="readonly" style="width: 40px;" id="imgQualityShow" value="0.6"></td>
		</tr>
			</tbody>
</table>
<h1>长微博设置</h1>
<table cellspacing="5">
	<tbody>
		<tr>
			<td>字体大小:</td>
			<td><input class="sset" name="fontSize" type="range" id="fontSize" min="12" max="20" step="2" value="12"><input readonly="readonly" style="width: 30px;" id="fontSizeShow" value="12">px</td>
		</tr>
		<tr>
			<td>每行字数:</td>
			<td><input  name="len" type="range" id="len" min="20" max="60" value="40" class="sset" ><input readonly="readonly" style="width: 30px;" id="lenShow" value="20">个字</td>
		</tr>
		<tr>
			<td>文字边距:</td>
			<td><input name="padding" type="range" id="padding" min="5" max="20" value="5" class="sset"><input readonly="readonly" style="width: 30px;" id="paddingShow" value="5">px</td>
		</tr>
		<tr>
			<td>字体:</td>
			<td>				
				<input type="radio" name="fontFamily" value="微软雅黑" id="ff_1" checked="checked"><label for="ff_1" style="font-family:微软雅黑">雅黑</label>
				<input type="radio" name="fontFamily" value="新宋体" id="ff_2"><label for="ff_2" style="font-family:新宋体">新宋体</label>
				<input type="radio" name="fontFamily" value="黑体" id="ff_3"><label for="ff_3" style="font-family:黑体">黑体</label>
				<input type="radio" name="fontFamily" value="楷体" id="ff_4"><label for="ff_4" style="font-family:楷体">楷体</label>	
				<input type="radio" name="fontFamily" value="arial" id="ff_5"><label for="ff_5" style="font-family:arial">arial</label>		
				<input type="radio" name="fontFamily" value="sans-serif" id="ff_5"><label for="ff_5" style="font-family:sans-serif">sans-serif</label>
			</td>
		</tr>
		<tr>
			<td>
				<table id="scolor">
					<tr>
						<td>R:</td>
						<td><input name="red" type="range" id="red" min="0" max="255" value="0"></td>
					</tr>
					<tr>
						<td>G:</td>
						<td><input name="green" type="range" id="green" min="0" max="255" value="0"></td>
					</tr>
					<tr>
						<td>B:</td>
						<td><input name="blue" type="range" id="blue" min="0" max="255" value="0"></td>
					</tr>
					<tr>
						<td colspan="2"><input id="showcolor" name="color" value="#000000" readonly="readonly"/></td>
					</tr>
					<tr>
						<td colspan="2"><a style="background:#020000" class="cco"></a><a style="background:#696969" class="cco"></a><a class="cco" style="background:#9400D3"></a><a class="cco" style="background:#008000"></a><a class="cco" style="background:#FF0000"></a><a class="cco" style="background:#0000FF"></a><a class="cco" style="background:#C71585"></a></td>
					</tr>
				</table>
			</td>	
			<td align="left">&nbsp;<canvas id="text" width="100" height="100"></canvas></td>
		</tr>
		<tr>
			<td>水印:</td>
			<td><input type="file" id="wtimg" accept="image/*"/><button id="delsy">删除</button></td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td><div id="img_sy"></div></td>
		</tr>
	</tbody>
</table>

<div class="pre" id="pre"><img id="img" style="border: 1px solid;" /></div>
</div>
<div id="notifications" class="content">
<table>
	<tr>
		<td><input type="checkbox" name="status" value="true" checked="checked"/></td>
		<td class="text">新微博未读</td>
		<td><input type="checkbox" name="follower" value="true" checked="checked"/></td>
		<td class="text">新粉丝</td>
		<td><input type="checkbox" name="cmt" value="true" checked="checked"/></td>
		<td class="text">新评论</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="dm" value="true" checked="checked"/></td>
		<td class="text">新私信</td>
		<td><input type="checkbox" name="mention_status" value="true" checked="checked"/></td>
		<td class="text">新提及我的微博</td>
		<td><input type="checkbox" name="mention_cmt" value="true" checked="checked"/></td>
		<td class="text">新提及我的评论</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="group" value="true" checked="checked"/></td>
		<td class="text">微群消息未读</td>
		<td><input type="checkbox" name="notice" value="true" checked="checked"/></td>
		<td class="text">新通知未读</td>
		<td><input type="checkbox" name="invite" value="true" checked="checked"/></td>
		<td class="text">新邀请未读</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="badge" value="true" checked="checked"/></td>
		<td class="text">新勋章</td>
		<td><input type="checkbox" name="photo" value="true" checked="checked"/></td>
		<td colspan="3" class="text">相册消息未读</td>
	</tr>
</table>
</div>
</form>
<div style="text-align:center;">
<canvas id="canvas"></canvas>
</div>
<div class="author">作者：<a href="http://weibo.com/521090828">夏_悸</a></div>
</body>
</html>